@import url(https://web.archive.org/web/20201117114221cs_/https://fonts.googleapis.com/css?family=DM+Sans:400,500,700);

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

@font-face {
  font-family: "Objectivity";
  src: url("/web/20201117114221im_/https://flowlava.club/fonts/Objectivity-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Objectivity";
  src: url("/web/20201117114221im_/https://flowlava.club/fonts/Objectivity-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Objectivity";
  src: url("/web/20201117114221im_/https://flowlava.club/fonts/Objectivity-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Playfair Display";
  src: url("/web/20201117114221im_/https://flowlava.club/fonts/play-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://web.archive.org/web/20201117114221im_/https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
  font-display: swap;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "Objectivity", "Arial", sans-serif;

  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.01em;

  color: #FFFFFF;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

img {
  width: 100%;
  pointer-events: none;
  vertical-align: middle;
  border-style: none;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

strong {
  font-weight: normal;
}

h1 {
  margin: 0;
  padding: 0;

  font-family:  "Playfair Display", "Arial", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 100px;
  line-height: 133px;
  text-align: center;
  letter-spacing: -0.01em;

  color: #000000;
}

h2 {
  margin: 0;
  padding: 0;

  font-family:  "Playfair Display", "Arial", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 50px;
  line-height: 55px;
  letter-spacing: 0.01em;
  color: #000000;
}

h3 {
  margin: 0;
  padding: 0;
}

h4 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;

  font-family: "Objectivity", "Arial", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;

  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

h2 + p {
  padding-top: 25px;
}

h1 + p {
  padding-top: 10px;
}

strong {
  font-family: "Objectivity", "Arial", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
}

main {
  overflow: hidden;
}

/*header*/

header {

  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #ffffff !important;

  border-bottom: 1px solid rgba(216, 216, 216, 0.5);

  z-index: 900;
}

header .btn {
  margin-left: auto;
  width: 137px;
  height: 32px;

  font-family: "Objectivity", "Arial", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 34px;
  text-transform: uppercase;

  color: #88D707 !important;
  border: 1px solid #88D707;
  border-radius: 3px;
  cursor: pointer;

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

  outline:0px !important;
  -webkit-appearance:none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;

}

header .btn:hover {
  border-color: #71FB40 !important;
  color: #A2EF25 !important;
}

header .btn:active {
  border-color: #5AE429 !important;
  color: #7DC10C !important;
}

.bg-light {
  position: relative;

  padding: 0;
  background-color: transparent !important;
}

.navbar-brand {
  margin-right: 0;
}

.navbar-brand-custom {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 50%;
  margin-left: -50px;
}

.navbar-nav {
  width: 100%;
}

/*promo*/

.promo  {
  padding-top: 290px;
  padding-bottom: 365px;

  overflow: hidden;
}

.promo .fly-element {
  position: absolute;

  width: auto;
}

.promo .fly-element-1 {
  top: -255px;
  left: -35px;
}

.start-1 {
  -webkit-animation-duration: 2.3s;
  animation-duration: 2.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-6;
  animation-name: bounce-6;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.start-2 {
  -webkit-animation-duration: 2.4s;
  animation-duration: 2.4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-6;
  animation-name: bounce-6;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.start-3 {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-6;
  animation-name: bounce-6;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.start-4 {
  -webkit-animation-duration: 2.6s;
  animation-duration: 2.6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-6;
  animation-name: bounce-6;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.promo .fly-element-2 {
  top: -240px;
  right: 205px;
}

.promo .fly-element-3 {
  top: -145px;
  right: -10px;
}

.promo .fly-element-4 {
  bottom: -285px;
  left: -60px;
}

.promo .fly-element-5 {
  bottom: -285px;
  right: -10px;
}

.promo .fly-element-6 {
  bottom: -285px;
  right: -210px;
}

.promo .fly-element-7 {
  bottom: -240px;
  right: -50px;
}

.promo .fly-element-8 {
  bottom: -215px;
  left: -270px;

  z-index: -1;
}

.promo .fly-element-9 {
  bottom: -215px;
  right: -270px;

  z-index: -1;
}

.promo .container {
  position: relative;
}

.promo .btn-block {
  margin-top: 36px;

  width: 188px;
  height: 55px;

  font-family: "Objectivity", "Arial", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 57px;

  text-transform: uppercase;
  color: #FFFFFF;

  background-color: #88D707;
  border-radius: 4px;

  cursor: pointer;

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

  outline: 0px !important;
  -webkit-appearance: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.promo .btn-block:hover {
  background-color: #A2EF25;
}

.promo .btn-block:active {
  background-color: #7DC10C;
}

/*full-preview*/

.full-preview {
  padding-top: 100px;
}

.full-preview .item {
  margin-bottom: 30px;
}

.full-preview .item:nth-last-child(1) {
  margin-bottom: 0;
}

/*layouts*/

.layouts {
  padding-top: 100px;
  padding-bottom: 100px;
}

.layouts .collection {
  padding-top: 50px;
}

.layouts .item {
  margin-bottom: 30px;
}

.layouts img {
  border-radius: 10px;
}

.layouts .item:nth-child(1) img {
  border: 1px solid #A057FF;
}

.layouts .item:nth-child(2) img {
  border: 1px solid #88D707;
}

.layouts .item:nth-child(3) img {
  border: 1px solid #57EFFF;
}

.layouts .item:nth-child(4) img {
  border: 1px solid #5E69FF;
}

.layouts .item:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.layouts img {
  height: 550px;
}

/*scenes*/

.scenes {
  padding-top: 100px;
}

.scenes .item {
  margin-bottom: 30px;
}

.scenes .collection {
  padding-top: 44px;
}

.scenes .group-items .item:nth-child(2) {
  margin-bottom: 0;
}

/*plans*/

.test {
  position: sticky;
  top: 0;
}

.purchase {
  /*
  position: relative;*/
  padding-top: 130px;
  /*
  padding-bottom: 130px;*/
}

.purchase .inner {
  min-height: 540px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 60px;

  border: 1px solid #D8D8D8;
  padding: 45px 50px 40px 50px;
}

.scrollmagic-pin-spacer {
  min-width: 360px !important;
  max-width: 360px !important;
  width: 360px !important;
}

.purchase .left-column .inner {
  margin-bottom: 130px;
}


.purchase .right-column .inner {
  width: 360px;
  margin-left: 780px;

  border-radius: 10px;

  padding: 45px 38px;
  background-color: #191919;
  border: 1px solid #191919;

}

.purchase .intro {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #231D3A;
}

.purchase .right-column .intro {
  color: #FFFFFF;
}

.purchase h2 {
  margin-top: 10px;

  font-family: "Playfair Display", "Arial", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 65px;
  line-height: 72px;

  letter-spacing: 0.01em;
  color: #231D3A;
}

.purchase .descr {
  padding-right: 300px;

  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: rgba(35, 29, 58, 0.6);
}

.purchase .outer {
  min-height: 2100px;
}

.purchase .advantages {
  margin-top: 35px;
}

.purchase .advantages .item {
  padding-left: 40px;
  position: relative;
  margin-bottom: 20px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.01em;

  color: #231D3A;
}

.purchase .advantages .item:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 15px;
  left: 10px;
  top: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/web/20201117114221im_/https://flowlava.club/img/purple-arrow.svg");
}

.purchase .btn {
  margin-top: auto;
  width: 188px;
  height: 55px;

  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 57px;
  text-transform: uppercase;

  color: #FFFFFF;

  border-radius: 4px;
  background-color:  #88D707;

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  outline: 0px !important;
  -webkit-appearance: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;

  cursor: pointer;
  position: relative;
  z-index: 999;
}

.purchase .bottom-level {
  margin-top: 30px;
}

.purchase .btn-block:hover {
  background-color: #A2EF25;
}

.purchase .btn-block:active {
  background-color: #7DC10C;
}

.purchase .right-column {
  position: absolute;
}

.purchase .right-column .descr {
  padding-right: 10px;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
  opacity: 1;
}

.purchase .right-column .full-price {
  margin-top: 19px;
  font-style: normal;
  font-weight: 600;
  font-size: 55px;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

.purchase .list-group {
  margin-top: 25px;
}

.purchase .right-column .full-price span {
  font-size: 25px;
}

.purchase .list-group-item {
  position: relative;
  margin-bottom: 25px;
  padding: 0;
  padding-left: 30px;
  background-color: transparent;
  border: none;
}

.purchase .list-group-item:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 15px;
  left: 0;
  top: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/web/20201117114221im_/https://flowlava.club/img/orange-arrow.svg);
}

.purchase .right-column .descr {
  padding-right: 0;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
  opacity: 1;
}

.purchase .right-column .btn {
  width: 100%;
  margin-top: 35px;
  height: 55px;

  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 55px;

  text-align: center;
  text-transform: uppercase;

  color: #FFFFFF;
  background-color: #FF7C25;
  border: 2px solid transparent;
  border-radius: 4px;
  outline: 0px !important;
  -webkit-appearance: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;

  cursor: pointer;
}

.purchase .right-column .btn:hover {
  background-color: #FF8A3B;
}

.purchase .right-column .btn:active {
  background-color: #F8741C;
}

.purchase .right-column .custom-btn {
  margin-top: 40px;
  height: 55px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 55px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 5px;
  background-color: #88D707;
  outline: 0px !important;
  -webkit-appearance: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.purchase .right-column .custom-btn:hover {
  background-color: #A2EF25;
}

.purchase .right-column .custom-btn:active{
  background-color: #7DC10C;
}

.purchase .compatible {
  padding-left: 10px;
  padding-top: 15px;
}

.purchase .compatible svg {
  margin-left: 15px;
  margin-top: -4.5px;
}

.purchase .compatible p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;

  color: rgba(35, 29, 58, 0.6);
}
/*
.purchase  {
  min-height: 2000px;
}*/

.purchase .container-custom {
  padding-bottom: 130px;
}

.scenes .custom-img {
  border-radius: 60px;
  border: 1px solid #FF7C25;
}

.bottom {
  top: 1612px;
}
/*more-illustrations*/

.more-illustrations {
  position: relative;
  padding-top: 65px;
  /*
  padding-bottom: 35px;*/
  padding-bottom: 46px;

  background-color: #000000;
}
.more-illustrations:before {
  content: "";
  position: absolute;
  top: 0px;
  width: 300vw;
  height: 100%;
  background-color: #000000;
  left: 50%;
  margin-left: -150vw;
}
.purchase .row {
  position: relative;
}

.purchase .fixed {
  position: fixed;
  top: 80px;
  margin-left: 780px;
}

.more-illustrations .left-column .descr {
  padding-right: 10px;

  text-align: left;
  font-style: normal;
  font-weight: normal;

  font-size: 20px;
  line-height: 27px;

  color: #FFFFFF;
  opacity: 1;
}

.more-illustrations .left-column {

  position: absolute;
  top: 0;

  padding-right: 75px;
  -webkit-font-smoothing: antialiased;
}

.more-illustrations .left-column .blur {
  position: absolute;
  top: 30px;
  left: -30px;
}

.more-illustrations .left-column .full-price {
  margin-top: 19px;

  font-style: normal;
  font-weight: 600;
  font-size: 55px;
  line-height: 52px;

  letter-spacing: -0.02em;

  color: #FFFFFF;
}

.more-illustrations .left-column .full-price span {
  font-size: 25px;
}

.more-illustrations .left-column .btn {
  margin-top: 35px;
  height: 55px;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 55px;

  text-align: center;
  text-transform: uppercase;

  color: #FFFFFF;
  background-color: #C144B7;
  border: 2px solid transparent;

  border-radius: 5px;
  outline: 0px !important;
  -webkit-appearance: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.more-illustrations .left-column .btn:hover {
  background-color: #E447D8;
}

.more-illustrations .left-column .btn:active {
  background-color: #B939AF;
}

.more-illustrations .list-group {
  margin-top: 25px;
}

.more-illustrations .list-group-item {
  position: relative;
  margin-bottom: 25px;
  padding: 0;
  padding-left: 30px;

  background-color: transparent;
  border: none;
}

.more-illustrations .list-group-item:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 15px;
  left: 0;
  top: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/web/20201117114221im_/https://flowlava.club/img/gray-arrow.svg");
}

.more-illustrations .list-group-item:nth-last-child(1) {
  margin-bottom: 0;
}

.more-illustrations .item-footer {
  margin-top: 15px;
}

.more-illustrations .item {
  margin-bottom: 30px;
  position: relative;
  z-index: 999;
}

.more-illustrations .item a {
  display: block;
  cursor: pointer;

  text-decoration: none;
}

.more-illustrations .item a:hover,
.more-illustrations .item a:active {
  opacity: 0.9;
}

.more-illustrations .item a img {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.more-illustrations .item a:hover img,
.more-illustrations .item a:active img {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

.more-illustrations .item:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.more-illustrations .descr {
  font-style: normal;
  font-weight: normal;
  font-size: 18px ;
  line-height: 23px ;

  color: #FFFFFF;
}

.more-illustrations .price div {
  font-style: normal;
  font-weight: normal;
  font-size: 20px ;
  line-height: 27px;

  text-align: right;

  color: #5E69FF;
  text-decoration: none;
}

.more-illustrations .right-column .btn {
  margin-top: 40px;

  height: 55px;

  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 55px;
  text-align: center;
  text-transform: uppercase;

  color: #FFFFFF;
  border-radius: 5px;
  background-color: #88D707;

  outline:0px !important;
  -webkit-appearance:none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.more-illustrations .right-column .btn:hover {
  background-color: #A2EF25;
}

.more-illustrations .right-column .btn:active {
  background-color: #7DC10C;
}

.backgrounds {
  padding-top: 80px;
  padding-bottom: 160px;

  background: #F5F9FC;
}

.backgrounds .hidden-element {
  display: none;
}

.backgrounds .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  max-width: 230px;
  height: 190px;

  margin-bottom: 30px;
  border-radius: 8px;
  background-color: #ffffff;

  border: 1px solid transparent;
  cursor: pointer;

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.backgrounds .item:hover,
.backgrounds .item:active {
  -webkit-box-shadow: 30px 30px 55px rgba(18, 14, 94, 0.1);
  box-shadow: 30px 30px 55px rgba(18, 14, 94, 0.1);
}

.backgrounds .active {
  border: 1px solid #000000;
  -webkit-box-shadow: 30px 30px 55px rgba(18, 14, 94, 0.1);
  box-shadow: 30px 30px 55px rgba(18, 14, 94, 0.1);
}

.backgrounds .collection {
  padding-top: 50px;
}

.backgrounds img {
  width: auto;
}

.backgrounds .center-column img {
  margin-left: -160px;
}

.backgrounds .right-column .item {
  margin-left: 35px;
}

/*create*/

#js-wrapper-1 {
  position: relative;
  z-index: 999;
}

.create-preson .hidden-img {
  display: none;
}

.create-preson .strong {
  padding-top: 45px;
  padding-bottom: 30px;

  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;

  color: #000000;
}

.create-preson .left-column {
  padding-top: 210px;
  padding-right: 65px;
}

.create-preson .right-column {
  padding-top: 20px;
  padding-right: 20px;
}

.create-preson .small {
  padding-left: 20px;
  padding-right: 20px;

  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #000000;
  opacity: 0.4;
}

.create-preson {
  min-height: 750px;
  background-color: #F5F9FC;
}

.create-preson .inner {
  position: relative;
}

.create-preson .small-item {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 100px;

  border-radius: 50%;
}

.head-active {
  border: 1px solid #000000;
  -webkit-box-shadow: 15px 15px 35px rgba(18, 14, 94, 0.15);
  box-shadow: 15px 15px 35px rgba(18, 14, 94, 0.15);
}

.torso-active {
  border: 1px solid #000000;
  -webkit-box-shadow: 15px 15px 35px rgba(18, 14, 94, 0.15);
  box-shadow: 15px 15px 35px rgba(18, 14, 94, 0.15);
}

.legs-active {
  border: 1px solid #000000;
  -webkit-box-shadow: 15px 15px 35px rgba(18, 14, 94, 0.15);
  box-shadow: 15px 15px 35px rgba(18, 14, 94, 0.15);
}

.create-preson .big-item {
  display: inline-block;
  position: absolute;
  width: 375px;
  height: 375px;
  border-radius: 50%;
  left: 140px;
  top: -145px;

  background-image: url("/web/20201117114221im_/https://flowlava.club/img/create-person/bg@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.create-preson .big-item img {
  position: absolute;
}

.create-preson  .small-item {
  background-color: white;
  z-index: 100;

  cursor: pointer;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}

.create-preson .small-item:not(.active):hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);

  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}

.create-preson .small-item img {
  position: absolute;
}

.create-preson .top-level .small-item:nth-child(2) img {
  top: -14px;
}

.create-preson .middle-level .small-item:nth-child(1) img {
  left: 10px;
}

.create-preson .top-level .small-item:nth-child(1) {
  top: 190px;
  left: 20px;
}

.create-preson .top-level .small-item:nth-child(2) {
  top: 85px;
  left: 100px;
}

.create-preson .top-level .small-item:nth-child(3) {
  top: 35px;
  left: 220px;
}

.create-preson .top-level .small-item:nth-child(4) {
  top: 35px;
  left: 345px;
}

.create-preson .top-level .small-item:nth-child(5) {
  top: 89px;
  right: 93px;
}

.create-preson .top-level .small-item:nth-child(6) {
  top: 200px;
  right: 10px;
}

.create-preson .model {
  position: absolute;
  height: 778px;
  width: 655px;
  left: 50%;
  margin-left: -285px;
  margin-top: -150px;
}

.create-preson .big-item img:nth-child(1) {
  z-index: 10;
}

.create-preson .big-item img:nth-child(2) {
  z-index: 9;
}

.create-preson .big-item img:nth-child(3) {
  z-index: 8;
}

.create-preson .middle-level .small-item:nth-child(1) {
  top: 0;
  left: 0;
}

.create-preson .middle-level .small-item:nth-child(3) {
  top: 10px;
  right: 0;
}

.create-preson .bottom-level .small-item:nth-child(1) {
  top: 10px;
  left: 20px;
}

.create-preson .bottom-level .small-item:nth-child(2) {
  top: 115px;
  left: 90px;
}


.create-preson .bottom-level .small-item:nth-child(3) {
  display: none;
}

.create-preson .bottom-level .small-item:nth-child(4) {
  top: 115px;
  right: 90px;
}

.create-preson .bottom-level .small-item:nth-child(5) {
  top: 15px;
  right: 20px;
}


.create-preson .right-column .top-level {
  min-height: 310px;
}

.create-preson .right-column .middle-level {
  min-height: 310px;
}

.create-preson .right-column .bottom-level {
  margin-top: -200px;
  min-height: 310px;
}

/**/

.custom-slider {
  /*
  position: relative;*/
  min-height: 940px;

  padding-top: 80px;

  background-color: #F5F9FC;

}

.simple-wrapper {
  position: relative;
}

.custom-slider .hidden-element {
  display: none;
}
/*
.custom-slider .container {
  position: relative;
}*/

.custom-slider h2 span {
  color: #FF7C25;
}


.custom-slider .scene-container {
  position: absolute;
  top: 0;
  max-width: 390px;
  z-index: 999;
  left: 50%;
  transform: translateX(-200px);
  /*
  position: relative;
  top: 200px;
  padding-top: 180px;*/

  min-height: 445px;
}

.custom-slider .fixed {
  position: fixed;
  top: 57px;
  left: 50%;
  transform: translateX(-200px);
  max-width: 390px;
}
.custom-slider .bottom {
  position: absolute;
  top: 1000px;
}

.custom-slider .item {
  position: absolute;

  width: 320px;
  height: 375px;
  border: 1px solid #755CF1;
}

.custom-slider .head {
  top: 90px;
  left: -45px;
}

.custom-slider .torso {
  top: 195px;
  left: 110px;
}

.custom-slider .legs {
  top: 315px;
  left: 265px;
}

.custom-slider .title-custom {
  position: absolute;
  top: -17px;
  left: 0px;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -0.02em;
  color: #755CF1;
}

.custom-slider .fly-element {
  position: absolute;
  width: auto;
}

.custom-slider .fly-element-1 {
  top: 47px;
  left: 10px;
}

.custom-slider .fly-element-2 {
  top: 107px;
  left: 110px;
}

.custom-slider .fly-element-3 {
  right: 20px;
  top: 50px;
  z-index: 900;
}

/*custom-slider*/

.custom-slider .custom-slide .small-descr {
  font-size: 25px;
  line-height: 34px;

  color: #FFFFFF;
  opacity: 0.6;
  letter-spacing: 0;
}

.custom-slider .wrapper {
  z-index: 999;
}

.custom-slider .sections {
  float: left;
  position: relative;

  width: 100%;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.custom-slider .section {
  float: left;
  position: relative;
  width: 100%;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.js-slideContainer {
  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;
  -webkit-transform: translateZ(0);  /* triggers GPU, sometimes fixes the issue */
  transform: translateZ(0);  /* non-webkit specific */
  z-index: 999;
  position: relative;
  height: 0;
}

/*
.simple-wrapper {
  background-color: #F5F9FC;

  max-height: 1050px;
}*/

.some-wrapper {
  position: relative;
}

/*footer*/

footer {
  padding-top: 75px;
  background-color: #000000;
  outline: 1px solid #000000;
}

footer .container:first-child > div {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 30px;
}

.company-descr {
  margin: 0;
  margin-top: 20px;
  padding: 0;

  font-family: "Objectivity", "Arial", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;

  color: #FFFFFF;

  mix-blend-mode: normal;
  text-align: left;
}

.company:nth-child(3) {
  max-width: 140px;
}

.company:last-child {
  margin-left: 30px;
  max-width: 215px;
}

.company-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.company-item a {
  display: block;
  margin-bottom: 15px;

  font-family: "Objectivity", "Arial", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;

  opacity: 0.5;
  text-decoration: none;

  -webkit-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;
}

.company-item a:hover,
.company-item a:focus,
.company-item a:active {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.company-item-first a {
  margin-top: 9px;

  font-family: "Objectivity", "Arial", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;

  letter-spacing: -0.2px;

  color: #FFFFFF;

  opacity: 1;
}

footer .container:first-child > div {
  padding-top: 40px;
}

footer .col-lg-8 {
  margin-left: auto;
}

.footer-right-section .col-lg-4:first-child {
  padding-left: 30px;
}

.copyright-text {
  margin: 0;
  margin-top: 35px;
  margin-bottom: 30px;
  padding: 0;

  font-family: "Objectivity", "Arial", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;

  color: #FFFFFF;

  mix-blend-mode: normal;
  opacity: 0.7;
  text-align: left;
}

footer .company-link > img {
  width: 137px;
  height: 36px;
}

/*Viewports*/

@media only screen and (max-width: 1350px) {

}

@media only screen and (max-width: 1199px) {

  /*full-preview*/

  .full-preview .collection {
    margin-top: 30px;
  }

  /*layouts*/

  .layouts img {
    height: 455px;
  }

  /*purchase*/

  .purchase .descr {
    padding-right: 100px;
  }

  .more-illustrations .price div {
    font-size: 18px;
    line-height: 27px;
  }

  .purchase .right-column .descr {
    padding-right: 10px;
    font-size: 18px;
    line-height: 27px;
  }

  .purchase .right-group-item {
    margin-bottom: 20px;
  }

  .purchase .fixed {
    width: 390px;
    position: fixed;
    top: 80px;
    margin-left: 640px;
  }

  .custom-slider .bottom {
    position: absolute;
    top: 905px;
  }

  .purchase .inner {
    min-height: 560px;
    padding: 35px 40px 35px 40px;
  }

  .purchase .bottom-level {
    margin-top: auto;
  }

  .purchase .right-column .inner {
    padding: 35px 23px;
    margin-left: 635px;
  }

  .purchase .list-group {
    margin-top: 15px;
  }

  .purchase .list-group-item {
    margin-bottom: 15px;
  }

  .purchase .outer {
    min-height: 1750px;
  }

  .more-illustrations {
    padding-bottom: 35px;
  }

  .bottom {
    top: 1422px;
  }


  /**/

  .create-preson .right-column {
    padding-top: 20px;
    padding-right: 20px;
    margin-left: -95px;
  }

  .create-preson p {
    padding-right: 30px;
  }

  .create-preson .small {
    padding-left: 16px;
    padding-right: 16px;
  }

  .create-preson .left-column {
    padding-top: 130px;
    padding-right: 65px;
  }

  .create-preson .top-level .small-item:nth-child(5) {
    top: 89px;
    right: -30px;
  }

  .create-preson .top-level .small-item:nth-child(6) {
    top: 200px;
    right: -105px;
  }

  .create-preson .middle-level .small-item:nth-child(3) {
    top: 10px;
    right: -130px;
  }

  .create-preson .bottom-level .small-item:nth-child(5) {
    top: 15px;
    right: -95px;
  }

  .create-preson .bottom-level .small-item:nth-child(4) {
    top: 115px;
    right: -20px;
  }

  .create-preson .model {
    margin-left: -305px;
  }

  .custom-slider .fly-element-3 {
    right: 0;
    top: 10px;
  }

  .backgrounds .center-column img {
    margin-left: -205px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .backgrounds .right-column .item {
    margin-left: 0;
  }

  .backgrounds .item {
    max-width: 210px;
  }

  .backgrounds {
    padding-top: 80px;
    padding-bottom: 100px;
    background: #F5F9FC;
  }

  .purchase .right-column .inner {
    width: 290px;
    padding: 35px 23px;
  }

  #pin1.width {
    width: 320px !important;
  }


  /**/

  /*footer*/

  .company:last-child {
    margin-left: 0;
    max-width: 215px;
  }

  .company-item a {

    font-size: 15px;
    line-height: 22px;
  }
}

@media screen and (max-width: 991px) {

  .promo .fly-element-3 {
    top: -145px;
    right: -50px;
  }

  .navbar-brand-custom {
    position: static;
    margin-top: 0;
    margin-left: 0;
  }

  .navbar-light .navbar-toggler {

    background-color: white;

    outline: 0px !important;
    -webkit-appearance: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .navbar-nav {
    margin-top: 25px;
  }

  header .btn {
    width: 180px;
    margin-left: initial;
  }

  .scenes .custom-img {
    border-radius: 35px;
    border: 1px solid #FF7C25;
  }


  /*layouts*/

  .layouts img {
    height: 325px;
  }

  /*purchase*/

  .purchase .left-column {
    position: relative;
    padding-right: 15px;
  }

  .purchase .descr {
    font-size: 17px;
    line-height: 23px;
  }

  .purchase .intro {
    padding-right: 10px;
    font-size: 15px;
    line-height: 22px;

  }

  .purchase .list-group-item {
    margin-bottom: 10px;
    padding-left: 25px;
  }

  .purchase .descr {
    padding-right: 30px;
  }

  .purchase .left-column .full-price {
    margin-top: 19px;
    /*
    font-size: 50px;
    line-height: 50px;*/
  }

  .purchase .fixed {
    top: 50px;
  }

  .purchase .right-column .btn {
    margin-top: 30px;

    font-size: 15px;
  }

  .purchase .btn {
    width: 100%;
    font-size: 15px;
  }

  .purchase  .right-column .full-price {
    margin-top: 19px;
    font-size: 50px;
    line-height: 50px;
  }

  .purchase .container-custom {
    padding-bottom: 70px;
  }

  #pin1.width {
    width: 240px !important;
  }

  .purchase .inner {
    position: relative;
    min-height: 624px;
    padding: 30px 40px 30px 40px;
  }

  .purchase .right-column .inner {
    width: 210px;
    padding: 30px 13px;
    margin-left: 480px;
  }

  .purchase .right-column .descr {
    padding-right: 0;
    font-size: 16px;
    line-height: 27px;
  }

  .more-illustrations .price div {
    font-size: 16px;
    line-height: 27px;
  }

  .purchase .advantages .item {
    padding-left: 35px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 25px;
  }

  .purchase .left-column .inner {
    margin-bottom: 80px;
  }

  .purchase .compatible {
    position: absolute;
    bottom: 80px;
    padding-top: 20px;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .purchase .fixed {
    margin-left: 480px;
  }

  .bottom {
    top: 1197px;
  }

  /**/

  .more-illustrations {
    padding-bottom: 30px;
  }

  /**/
  .create-preson .right-column {
    padding-top: 15px;
    padding-right: 15px;
    margin-left: 0;

    position: relative;
    left: 15px;
  }


  .create-preson .left-column {
    padding-top: 70px;
    padding-right: 65px;
  }

  .create-preson .top-level .small-item:nth-child(6) {
    top: 200px;
    right: 50px;
  }

  .create-preson .middle-level .small-item:nth-child(3) {
    top: 10px;
    right: 35px;
  }

  .create-preson .bottom-level .small-item:nth-child(5) {
    top: 15px;
    right: 70px;
  }

  .create-preson .bottom-level .small-item:nth-child(4) {
    top: 115px;
    right: 145px;
  }

  .create-preson .top-level .small-item:nth-child(5) {
    top: 89px;
    right: 125px;
  }

  .custom-slider .item {
    position: absolute;
    width: 270px;
    height: 315px;
    border: 1px solid #755CF1;
  }

  /*
  .simple-wrapper {
      background-color: #F5F9FC;
      max-height: 1450px;
  }*/

  /**/

  .backgrounds .item {
    max-width: 160px;
    min-width: 160px;
  }

  .backgrounds .item img {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }

  .backgrounds .item {
    height: 170px;
  }

  .backgrounds .center-column img {
    margin-left: -262px;
    -webkit-transform: scale(0.62);
    -ms-transform: scale(0.62);
    transform: scale(0.62);
  }

  .backgrounds {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  /**/

  .full-preview {
    padding-top: 70px;
  }

  .layouts {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .custom-slider {
    padding-top: 70px;
  }

  .scenes h2 {
    padding: 0 60px;
  }

  .scenes {
    padding-top: 70px;
  }

  .purchase {
    padding-top: 50px;
  }

  .promo .fly-element-4 {
    bottom: -285px;
    left: -100px;
  }

  /*footer*/

  .footer-right-section .col-lg-4,
  .footer-right-section .col-lg-3,
  .footer-right-section .col-lg-2 {
    margin-bottom: 40px;
  }

  .footer-right-section .col-lg-2 {
    padding-left: 15px;
  }

  .footer-right-section .col-lg-2:last-child {
    padding-left: 15px;
    max-width: 280px;
  }

  .footer-right-section .col-lg-4:first-child {
    padding-left: 15px;
  }

  .company:last-child {
    margin-left: auto;
  }

}

@media screen and (max-width: 850px) {

}

@media screen and (max-width: 768px) {

  h2 {
    font-size: 32px;
    line-height: 42px;
  }

  h2 + p {
    padding-top: 15px;
  }

  /*promo*/
  .promo .fly-element-1 {
    top: -255px;
    left: -95px;
  }

  .promo .fly-element-2 {
    top: -280px;
    right: 100px;
  }

  .promo .fly-element-4 {
    bottom: -285px;
    left: -200px;
  }

  .promo .fly-element-6 {
    display: none;
  }

  .promo .fly-element-5 {
    bottom: -285px;
    right: -190px;
  }

  .promo .fly-element-3 {
    top: -205px;
    right: -110px;
  }

  .promo .fly-element-7 {
    display: none;
  }

  .layouts img {
    height: auto;
  }

  .content-block {
    display: none;
  }

  /*purchase*/

  .some-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
  }

  .purchase .right-column {
    position: static;
    width: 100%;
    margin-left: 0;
    padding-right: 15px;
    padding-left: 15px;
    order: -1;
  }

  .purchase .inner {
    min-height: auto;
    padding: 35px;
  }

  .purchase .bottom-level {
    margin-top: 30px;
  }

  .purchase .right-column .inner {
    width: auto;
    padding: 35px;
    margin-left: 0;
    margin-bottom: 30px;
  }

  .more-illustrations:before {
    content: "";
    position: absolute;
    top: auto;
    margin-top: -70px;
    width: 300vw;
    height: 100%;
    background-color: #000000;
    left: 50%;
    margin-left: -150vw;
  }

  .more-illustrations {
    padding-right: 0 !important;
    padding-left: 0  !important;
  }

  .more-illustrations .item:nth-child(even) {
    padding-right: 0;
  }

  .more-illustrations .item:nth-child(odd) {
    padding-left: 0;
  }

  .more-illustrations .wwrap {
    padding: 0;
  }

  .purchase .compatible {
    position: static;
  }

  .purchase .btn {
    width: 100%;
    height: 55px;
    font-size: 18px;
    line-height: 55px;
  }

  .purchase .right-column .btn {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
  }

  .purchase .list-group-item {
    margin-bottom: 15px;
    padding-left: 30px;
  }

  .purchase .right-column .descr {
    padding-right: 30px;
    font-size: 18px;
    line-height: 27px;
  }

  .more-illustrations .price div {
    font-size: 18px;
    line-height: 27px;
  }

  .purchase .intro {
    padding-right: 10px;
    font-size: 18px;
  }

  .purchase .descr {
    font-size: 18px;
    line-height: 25px;
  }

  .purchase .right-column .full-price {
    margin-top: 25px;
    font-size: 55px;
    line-height: 50px;
  }

  #pin1 {
    margin-left: 0 !important;
  }

  .backgrounds .collection {
    display: none;
  }

  .backgrounds .hidden-element {
    display: block;

    margin-top: 50px;
  }

  .backgrounds .descr {
    padding-left: 20px;
    padding-right: 20px;
  }

  .backgrounds img {
    width: 100%;
  }

  .custom-slider {
    margin-top: 50px;
    padding-top: 50px;

    min-height: auto;
  }

  #pin1 {
    position: static;

    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }

  #js-wrapper-1 {
    display: none;
  }

  .custom-slider .hidden-element {
    display: block;

    margin-top: 50px;
  }

  .purchase .advantages .item {
    padding-left: 40px;
  }

  .create-preson .wrapper {
    display: none;
  }

  .create-preson .hidden-img {
    display: block;
  }

  .create-preson .right-column {
    padding-top: 40px;
    padding-right: 15px;
    margin-bottom: 40px;
  }

  .create-preson .left-column {
    padding-top: 50px;
    padding-right: 15px;
  }

  .create-preson .strong {
    padding-top: 35px;
  }

  .layouts {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .full-preview {
    padding-top: 50px;
  }

  .scenes {
    padding-top: 50px;
  }

  .scenes h2 {
    padding: 0 70px;
  }

  .purchase {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .create-preson .right-column {
    padding-top: 50px;
    padding-right: 15px;
    margin-left: 0;
    position: relative;
    left: 0;
  }

  footer {
    padding-top: 0;
  }

}

@media screen and (max-width: 765px) {

  /*footer*/

  .company-descr {
    margin-bottom: 60px;
    padding-right: 30px;
  }

}

@media screen and (max-width: 575px) {

  h1 {
    font-size: 75px;
    line-height: 113px;
  }

  h1 + p {
    padding: 0 10px;
    padding-top: 10px;
  }

  strong {
    font-size: 20px;
    line-height: 32px;
  }

  .promo {
    padding-top: 350px;
    padding-bottom: 500px;
    overflow: hidden;
  }

  .promo .fly-element-1 {
    top: -305px;
    left: -110px;
  }

  .promo .fly-element-3 {
    top: -255px;
    right: -110px;
  }

  .promo .fly-element-5 {
    display: none;
  }

  .promo .fly-element-8 {
    display: none;
  }

  .promo .fly-element-9 {
    bottom: -465px;
    left: 50%;
    margin-left: -312px;
  }

  .promo .fly-element-4 {
    bottom: -490px;
    left: 50%;
    margin-left: -200px;
  }

  .promo .fly-element-7 {
    display: block;
    /*
      bottom: -105px;*/
    bottom: -480px;
    right: 10px;
  }

  .promo .fly-element-2 {
    top: auto;
    right: auto;
    /*
    bottom: -140px;*/
    bottom: -750px;
  }

  /*scenes*/

  .scenes .custom-img {
    border-radius: 60px;
    border: 1px solid #FF7C25;
  }

  .scenes .group-items .item:nth-child(2) {
    margin-bottom: 30px;
  }

  /*purchase*/

  .purchase h2 {
    font-size: 50px;
    line-height: 62px;
  }

  .purchase .intro {
    padding-right: 0;
    font-size: 17px;
  }

  .purchase .intro {
    padding-right: 0;
    font-size: 16px;
    line-height: 25px;
  }

  .purchase .descr {
    padding-right: 0px;
  }

  .create-preson .left-column {
    padding-top: 50px;
    padding-right: 35px;
  }

  .layouts .title,
  .layouts .descr {
    padding-right: 20px;
    padding-left: 20px;
  }

  .scenes h2 {
    padding: 0 70px;
  }

  .scenes p {
    padding-left: 30px;
    padding-right: 30px;
  }

  .more-illustrations .item:nth-last-child(-n+3) {
    margin-bottom: 30px;
  }

  .more-illustrations .item {
    padding: 0;
  }

  .wwrap {
    padding: 0;
  }



  /*footer*/

  .footer-right-section .col-lg-2 {
    padding-left: 0;
  }

  .footer-right-section .col-lg-4,
  .footer-right-section .col-lg-3,
  .footer-right-section .col-lg-2 {
    width: 50%;
  }

  footer .container:first-child {
    padding: 25px;
  }

  .copyright-text {
    text-align: center;
  }

}

@media screen and (max-width: 450px) {
  /*footer*/

  .footer-right-section .col-lg-4,
  .footer-right-section .col-lg-3,
  .footer-right-section .col-lg-2 {
    width: 100%;
    max-width: initial;
    margin-left: 0;
  }

  .company-item a {
    font-size: 16px;
    line-height: 22px;
  }

  .footer-right-section .col-lg-2:last-child {
    max-width: initial;
  }

  footer .container:first-child {
    padding: 15px;
    text-align: center;
  }

  .company-descr {
    text-align: center;
    padding: 0 10px;
  }

  .copyright-text {
    margin-top: 0;
  }
}


@media screen and (max-width: 415px) {
}

@media screen and (max-width: 375px) {

  h1 {
    font-size: 64px;
    line-height: 100px;
  }

  h1 + p {
    padding: 0;
    padding-top: 10px;
  }

  p {
    font-size: 18px;
    line-height: 25px;
  }


  header .btn {
    width: 100%;
    height: 32px;

    line-height: 32px;
  }

  .navbar-brand-custom svg {
    width: 130px;
  }

  .navbar-toggler {
    padding: .15rem .45rem;
    font-size: 1.25rem;
  }

  .navbar-brand-custom {
    margin-left: 0;
  }
  /**/

  .layouts .title, .layouts .descr {
    padding-right: 15px;
    padding-left: 15px;
  }

  .scenes h2 {
    padding: 0 15px;
  }

  .scenes p {
    padding-left: 15px;
    padding-right: 15px;
  }

  /*purchase*/

  .purchase .inner {
    min-height: auto;
    padding: 30px;
  }

  .purchase .right-column .inner {
    padding: 30px;
  }

  .purchase .right-column .descr {
    padding-right: 0;
  }

  .create-preson .left-column {
    padding-top: 30px;
    padding-right: 15px;
  }

  .create-preson {
    min-height: 700px;
  }

  .full-preview {
    padding-top: 30px;
  }

  .layouts {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .scenes {
    padding-top: 30px;
  }

  .purchase {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .more-illustrations {
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .custom-slider {
    padding-top: 30px;
  }

  .backgrounds {
    padding-top: 50px;
    padding-bottom: 50px;
  }

}

@media screen and (max-width: 350px) {

  .promo {
    padding-top: 300px;
    padding-bottom: 500px;
  }

  .promo .fly-element-3 {
    display: none;
  }

  .promo .fly-element-1 {
    top: -285px;
    left: -80px;
  }

  /*purchase*/

  .purchase h2 {
    font-size: 45px;
    line-height: 60px;
  }

  .purchase .compatible svg {
    margin-left: 12px;
  }

}

@media screen and (max-width: 320px) {
  p {
    font-size: 17px;
    line-height: 25px;
  }

  h2 {
    font-size: 34px;
    line-height: 47px;
  }

  .more-illustrations .price div {
    font-size: 17px;
  }

  .more-illustrations .descr {
    font-size: 17px;
  }

  .create-preson {
    min-height: 700px;
    background-color: #F5F9FC;
  }

  .layouts .title, .layouts .descr {
    padding-right: 0;
    padding-left: 0;
  }

  .scenes h2 {
    padding: 0;
  }

  .scenes p {
    padding-left: 0;
    padding-right: 0;
  }

  .more-illustrations {
    padding-top: 30px;
    padding-bottom: 10px;
  }

}


/* --- animation --- */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-0-1s,
.magictime.delay-0-1s {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}
.animated.delay-0-2s,
.magictime.delay-0-2s {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
.animated.delay-0-3s,
.magictime.delay-0-3s {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
.animated.delay-0-4s,
.magictime.delay-0-4s {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
.animated.delay-0-5s,
.magictime.delay-0-5s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
.animated.delay-0-6s,
.magictime.delay-0-6s {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}
.animated.delay-0-7s,
.magictime.delay-0-7s {
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
}
.animated.delay-0-8s,
.magictime.delay-0-8s {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.animated.delay-0-9s,
.magictime.delay-0-9s {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}
.animated.delay-1s,
.magictime.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-1-1s,
.magictime.delay-1-1s {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.animated.delay-1-2s,
.magictime.delay-1-2s {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.animated.delay-1-3s,
.magictime.delay-1-3s {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
.animated.delay-1-4s,
.magictime.delay-1-4s {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.animated.delay-1-5s,
.magictime.delay-1-5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.animated.delay-1-6s,
.magictime.delay-1-6s {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.animated.delay-1-7s,
.magictime.delay-1-7s {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
.animated.delay-1-8s,
.magictime.delay-1-8s {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.animated.delay-1-9s,
.magictime.delay-1-9s {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
}
.animated.delay-2s,
.magictime.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-2-1s,
.magictime.delay-2-1s {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}
.animated.delay-2-2s,
.magictime.delay-2-2s {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
.upanddownsmalls {
  -webkit-animation-name: animation_13;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-name: animation_13;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
}
.upanddownsmall {
  -webkit-animation-name: animation_12;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-name: animation_12;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
}
.upanddown {
  -webkit-animation-name: animation_8;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-name: animation_8;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
}
.upanddowninvers {
  -webkit-animation-name: animation_9;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running;
  animation-name: animation_9;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
}
.animated.duration-1s {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animated.duration-2s {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.duration-3s {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.fadeInDownCustom {
  -webkit-animation-name: fadeInDownSmall;
  animation-name: fadeInDownSmall;
}
.fadeInLeftCustom {
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}
.fadeInRightCustom {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}
@-webkit-keyframes animation_8 {
  0% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  50% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  100% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_8 {
  0% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  50% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  100% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_9 {
  0% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  50% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  100% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_9 {
  0% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  50% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  100% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_12 {
  0% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  50% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  100% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_12 {
  0% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  50% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  100% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_13 {
  0% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  50% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  100% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_13 {
  0% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  50% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
  100% {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes fadeInDownSmall {
  0% {opacity: 0;-webkit-transform: translateY(-20px);}
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes fadeInDownSmall {
  0% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes fadeInLeftSmall {
  0% {opacity: 0;-webkit-transform: translateX(-30px);}
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes fadeInLeftSmall {
  0% {opacity: 0;-webkit-transform: translateX(-30px);transform: translateX(-30px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}

@-webkit-keyframes fadeInRightSmall {
  0% {opacity: 0;-webkit-transform: translateX(50px);}
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes fadeInRightSmall {
  0% {opacity: 0;-webkit-transform: translateX(50px);transform: translateX(50px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
  }
}
/* --- /animation --- */
@-webkit-keyframes bounce-2 {
  0%   { -webkit-transform: translateY(0); transform: translateY(0) translateX(0); }
  50%  { -webkit-transform: translateY(-20px); transform: translateY(-20px) translateX(20px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0) translateX(0); }
}

@keyframes bounce-2 {
  0%   { -webkit-transform: translateY(0); transform: translateY(0) translateX(0); }
  50%  { -webkit-transform: translateY(-20px); transform: translateY(-20px) translateX(20px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0) translateX(0); }
}

@-webkit-keyframes bounce-3 {
  0%   { -webkit-transform: translateY(0); transform: translateY(0) translateX(0); }
  50%  { -webkit-transform: translateY(-15px); transform: translateY(-15px) translateX(15px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0) translateX(0); }
}

@keyframes bounce-3 {
  0%   { -webkit-transform: translateY(0); transform: translateY(0) translateX(0); }
  50%  { -webkit-transform: translateY(-15px); transform: translateY(-15px) translateX(15px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes bounce-4 {
  0%   { -webkit-transform: translateY(0); transform: translateY(0) translateX(0) rotate(0deg); }
  50%  { -webkit-transform: translateY(-15px); transform: translateY(-10px) translateX(15px) rotate(2deg); }
  100% { -webkit-transform: translateY(0); transform: translateY(0) translateX(0) ; }
}

@keyframes bounce-4 {
  0%   { -webkit-transform: translateY(0); transform: translateY(0) translateX(0) rotate(0deg); }
  50%  { -webkit-transform: translateY(-15px); transform: translateY(-10px) translateX(15px) rotate(2deg); }
  100% { -webkit-transform: translateY(0); transform: translateY(0) rotate(0deg); }
}

@-webkit-keyframes bounce-5 {
  0%   { -webkit-transform: translateY(0); transform: translateY(0) translateX(0) rotate(0deg); }
  50%  { -webkit-transform: translateY(-15px); transform: translateY(-10px) translateX(15px) rotate(10deg); }
  100% { -webkit-transform: translateY(0); transform: translateY(0) translateX(0) rotate(0deg); }
}

@keyframes bounce-5 {
  0%   { -webkit-transform: translateY(0); transform: translateY(0) translateX(0) ; }
  50%  { -webkit-transform: translateY(-15px); transform: translateY(-2px) translateX(30px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0) translateX(0); }
}

@-webkit-keyframes bounce-6 {
  0%   { -webkit-transform: translateY(0); transform: translateY(0) translateX(0) rotate(0deg); }
  50%  { -webkit-transform: translateY(-15px); transform: translateY(-20px) translateX(15px) rotate(2deg); }
  100% { -webkit-transform: translateY(0); transform: translateY(0) translateX(0) rotate(0deg); }
}

@keyframes bounce-6 {
  0%   { -webkit-transform: translateY(0); transform: translateY(0) translateX(0) rotate(0deg); }
  50%  { -webkit-transform: translateY(-15px); transform: translateY(-20px) translateX(15px) rotate(2deg); }
  100% { -webkit-transform: translateY(0); transform: translateY(0) rotate(0deg); }
}


#trigger {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

#trigger.visible {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
/*
.airSticky {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
}*/


.first-level {
  min-height: 940px;
  background-color: red;
}

.first-level .element {
  margin-top: 120px;
  max-width: 300px;
  height: 300px;
  background-color: orange;
  /*
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-150px);*/
}

.first-level .fixed {
  width: 300px;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-150px);
}
.first-level .bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-150px);
}

.second-level {
  min-height: 1050px;
  background-color: green;
}

.wrap {
  position: relative;
}


.modal.position-bottom-center,
.modal.position-bottom-left {
    width: auto;
    height: auto;
}
.modal.fade .modal-dialog.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#bite-cookies-modal {
     overflow: visible !important;
}
#bite-cookies-modal .modal-content {
    border: 0;
    background-color: #fff;
    padding: 10px 10px 10px 25px;
    box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.3);
}
#bite-cookies-modal .modal-body p {
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 0;
    vertical-align: middle;
}
#bite-cookies-modal .modal-body p a {
    color: #000;
    text-decoration: underline !important;
}
#bite-cookies-modal .modal-body p a:hover {
    text-decoration: none !important;
}
#bite-cookies-modal a.got-it {
    background: #000;
    opacity: 0.9;
    text-shadow: none;
    color: #fff;
    border-radius: 5px;
    vertical-align: middle;
    padding: 3px 14px;
}
#bite-cookies-modal a.got-it:hover {
    background: rgba(0,0,0,0.8);
}
#bite-cookies-modal {
    padding-right: 0 !important;
}
.cookies-modal-btn {
    background: transparent;
    padding: 0;
    width: 18px;
    border: 0;
    margin-left: 10px;
    outline: none;
    position: relative;
    top: -2px;
}
.cookies-modal-btn:hover,
.cookies-modal-btn:focus,
.cookies-modal-btn:active {
    background: transparent;
    outline: none;
    box-shadow: none;
}
.cookies-link {
    text-decoration: underline;
}
.grecaptcha-badge {
    display: none;
}

#bite-join-modal .modal-content {
    background: #000;
}
#bite-join-modal .modal-header {
    padding: 22px 25px 0;
}
#bite-join-modal .modal-header .popup-title {
    font-size: 20px;
    line-height: 21px;
    letter-spacing: -1px;
    font-family: 'DM Sans', sans-serif;
    margin-top: -3px;
    text-align: left;
}
#bite-join-modal .modal-header .popup-text {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -1px;
    opacity: 1;
    font-family: 'DM Sans', sans-serif;
}
#bite-join-modal .modal-body {
    padding: 21px 25px 23px;
}
#bite-join-modal .modal-body .popup-title {
    font-size: 38px;
    line-height: 41px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    letter-spacing: -0.04em;
    margin-bottom: 31px;
}
#bite-join-modal .form-subscribe {
    margin-bottom: 16px;
}
#bite-join-modal .form-subscribe:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5557 9.25716L10.4064 10.4064C10.0593 10.7535 9.49649 10.7535 9.14936 10.4064L8.00012 9.25716L3.03212 14.2252L16.5209 14.2224L11.5557 9.25716ZM17.7777 3.03472L12.8125 7.9999L17.7774 12.9648L17.7777 3.03472ZM6.74296 8.00007L1.77805 3.03516L1.77778 12.9652L6.74296 8.00007ZM9.77785 8.5501L16.5276 1.77496L3.03082 1.77771L9.77785 8.5501ZM1.77858 0H17.777C18.7593 0 19.5556 0.793443 19.5556 1.77341V14.2266C19.5556 15.206 18.7586 16 17.777 16H1.77858C0.796298 16 0 15.2066 0 14.2266V1.77341C0 0.793984 0.796929 0 1.77858 0Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 20px;
    width: 20px;
    height: 16px;
    display: inline-block;
    margin-top: -1px;
}
#bite-join-modal .form-control {
    height: 50px;
    padding-right: 55px;
    padding-left: 50px;
    background: rgba(255,255,255,0.15);
    border-radius: 10px;
}
#bite-join-modal .form-control::-webkit-input-placeholder { /* Edge */
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.02em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#bite-join-modal .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.02em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#bite-join-modal .form-control::placeholder {
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.02em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#bite-join-modal .form-control:focus::-webkit-input-placeholder {
    opacity: 0;
}
#bite-join-modal .form-control:focus:-ms-input-placeholder {
    opacity: 0;
}
#bite-join-modal .form-control:focus::placeholder {
    opacity: 0;
}
#bite-join-modal .btn {
    right: 13px;
    height: auto;
    padding: 3px 11px;
}
#bite-join-modal .btn:hover {
    background: rgba(255,255,255,.6) !important;
}
#bite-join-modal p.exp-newsletters {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: rgba(255,255,255,.5);
}
#bite-join-modal #mce-responses {
    width: 40%;
    height: 42px;
    position: absolute;
    bottom: -50px;
    left: 0;
}
#bite-join-modal #mce-error-response,
#bite-join-modal #mce-success-response {
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    left: 0;
    color: #fff;
    font-family: 'DM Sans',sans-serif;
    font-weight: 500;
    font-size: 12px;
}

#bite-join-modal {
    overflow: visible !important;
}
#bite-join-modal .modal-content {
    background: #fff;
    box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.3);
}
#bite-join-modal .modal-header {
    padding: 24px 26px 0;
}
#bite-join-modal .modal-header .popup-title {
    font-size: 42px;
    line-height: 41px;
    letter-spacing: -0.04em;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    padding-right: 150px;
    margin-bottom: 9px;
}
#bite-join-modal .modal-body {
    padding: 0 26px 24px;
}
#bite-join-modal .modal-body .popup-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.3px;
    color: #9B9B9B;
    padding-right: 250px;
    margin-bottom: 14px;
}
#bite-join-modal .modal-body a {
    width: 200px;
    height: 60px;
    line-height: 58px;
    color: #000;
    font-size: 18px;
    text-align: center;
    background: #1AD697;
    border-radius: 5px;
    font-family: 'DM Sans', sans-serif;
}
#bite-join-modal .modal-body a:hover {
    background: #3ce7ae;
}
#bite-join-modal .modal-body a:focus,
#bite-join-modal .modal-body a:active {
    background: #17bf87;
}
#bite-join-modal .modal-body img {
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom-right-radius: 10px;
    width: auto;
}

@import url(//web.archive.org/web/20201117114221cs_/https://db.onlinewebfonts.com/c/808d2427840352d64fbff2bc8dc40b2b?family=Object+Sans);
#bite-cookies-modal .modal-dialog {
  min-width: 470px;
}
#bite-ph-modal .close.close-dark:before {
  opacity: 1;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}
#bite-ph-modal .close.close-dark:hover:before {
  opacity: .7;
}
#bite-ph-modal {
  overflow: visible !important;
}
#bite-ph-modal .modal-content {
  box-shadow: 0 50px 100px rgba(0, 0, 0, 0.3);
  background: #000;
  overflow: hidden;
}
#bite-ph-modal .modal-body {
  padding: 22px 26px 22px;
}
#bite-ph-modal .modal-body .popup-title {
  font-family: "Object Sans", sans-serif;
  font-weight: normal;
  color: #fff;
  padding-right: 200px;
  position: relative;
  z-index: 2;
  font-size: 42px;
  line-height: 41px;
  letter-spacing: -0.04em;
  margin-bottom: 8px;
}
#bite-ph-modal .modal-body .popup-text {
  color: #fff;
  padding-right: 230px;
  position: relative;
  z-index: 2;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.3px;
  margin-bottom: 13px;
  opacity: 1;
}
#bite-ph-modal .modal-body .popup-subtext {
  color: #9B9B9B;
  padding-right: 200px;
  position: relative;
  z-index: 2;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.3px;
  margin-bottom: 8px;
}
#bite-ph-modal .modal-body a {
  padding: 0 36px;
  height: 60px;
  line-height: 58px;
  color: #000;
  font-size: 18px;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  letter-spacing: -0.5px;
  position: relative;
  z-index: 2;
}
#bite-ph-modal .modal-body a:hover {
  background: #001AFF;
  color: #fff;
}
#bite-ph-modal .modal-body a:focus,
#bite-ph-modal .modal-body a:active {
  background: #001AFF;
  color: #fff;
}
#bite-ph-modal .modal-body img {
  top: 0;
  right: 0;
  z-index: 1;
  width: auto;
}

.modal-open-no-backdrop-1 {
  overflow: visible !important;
  padding-right: 0 !important;
}
.modal-open-no-backdrop-2 {
  overflow: visible !important;
  padding-right: 0 !important;
}

@media only screen and (min-width: 992px) {
  #bite-join-modal.modal.position-bottom-left .modal-dialog,
  #bite-ph-modal.modal.position-bottom-left .modal-dialog {
    margin: 28px auto 100px 28px;
  }
}
@media only screen and (max-width: 991px) {
  #bite-join-modal,
  #bite-cookies-modal,
  #bite-ph-modal {
    display: none !important;
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-120%, 0, 0);
    transform: translate3d(-120%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-120%, 0, 0);
    transform: translate3d(-120%, 0, 0);
  }
}
/*
     FILE ARCHIVED ON 11:42:21 Nov 17, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:38:51 Jul 30, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.494
  exclusion.robots: 0.019
  exclusion.robots.policy: 0.009
  esindex: 0.012
  cdx.remote: 297.495
  LoadShardBlock: 41.419 (3)
  PetaboxLoader3.datanode: 65.138 (4)
  load_resource: 117.405
  PetaboxLoader3.resolve: 87.319
*/